<template>
	<view>
		<view v-if="maskshow">
			<u-mask :show="true" @click="closepopup">
				<view class="shipin" @click.stop="1">
					<view class="flexalign" style="justify-content: flex-end;margin-bottom: 16rpx;">
						<image :src="newfwqUrl+'0a27598f7de6a044976767d76954f3d.png'" mode="" class="close"
							@click.stop="closepopup"></image>
					</view>
					<video class="video" :src="getUrl(ThisVideoInfo.Url)"></video>
				</view>
			</u-mask>
		</view>
	</view>
</template>

<script>
	export default {

		data() {
			return {
				ThisVideoInfo: {},
				maskshow: false
			}
		},
		props: {
			show: {
				type: Boolean,
				default: false
			},
			videoInfo: {
				type: Object,
				default: {}
			},
		},
		watch: {
			show(val) {
				if (val) {
					this.maskshow = true
				} else {
					this.maskshow = false
				}
			},
			videoInfo(res) {
				this.ThisVideoInfo = res
				console.log(res)
			},
		},
		methods: {
			closepopup() {
				this.maskshow = false
				this.$emit("changevideotc", false)
			},
		}
	}
</script>

<style lang="less">
	.shipin {
		.close {
			width: 48rpx;
			height: 48rpx;
		}

		.video {
			width: 540rpx;
			height: 580rpx;
		}

		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
</style>